<template>
	<el-form :model="formInline" size="mini" label-width="100px" style="margin-left: 15px; font-size: 10px">
		<el-row>
			<el-col :span="8">
				<el-form-item label="案件编号：" style="margin-bottom: 0px">{{ formInline.caseNo }} </el-form-item>
			</el-col>
			<el-col :span="8">
				<el-form-item label="关联编号：" style="margin-bottom: 0px"> {{ formInline.inspectionNo }} </el-form-item>
			</el-col>
			<el-col :span="8">
				<el-form-item label="主办人：" style="margin-bottom: 0px"> {{ formInline.hostUserName }} </el-form-item>
			</el-col>
		</el-row>
		<el-row style="margin-top: 5px">
			<el-col :span="24">
				<el-form-item label="案件名称：" style="width: 100%">{{ formInline.caseName }} </el-form-item>
			</el-col>
		</el-row>
		<el-row style="margin-top: 5px">
			<el-col :span="8">
				<el-form-item label="案发时间：" style="margin-bottom: 0px"> {{ dateFormat(formInline.caseTime) }} </el-form-item>
			</el-col>
			<el-col :span="8">
				<el-form-item label="案件类别：" style="margin-bottom: 0px"> {{ formInline.caseTypeName }} </el-form-item>
			</el-col>
			<el-col :span="8">
				<el-form-item label="主办单位：" style="margin-bottom: 0px"> {{ formInline.hostUserOrganName }} </el-form-item>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="24">
				<el-form-item label="案发地点：" style="width: 100%; margin-top: 5px"> {{ formInline.casePlace }} </el-form-item>
			</el-col>
		</el-row>
		<el-row>
			<el-col :span="24">
				<el-form-item label="简要案情：" style="width: 100%; margin-top: 5px"> {{ formInline.briefCase }} </el-form-item>
			</el-col>
		</el-row>
	</el-form>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { dateFormat } from '/@/common';
export default defineComponent({
	name: 'showCase',
	props: {
		formInline: Object,
	},
	setup() {
		return {
			dateFormat,
		};
	},
});
</script>
